<template>
    <div class="text-center login-frame">
        <form class="form-signin">
            <img class="mb-4" src="https://getbootstrap.com/docs/4.0/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
            <h1 class="h3 mb-3 font-weight-normal">欢迎来到作品展览</h1>
            <label for="inputEmail" class="sr-only">用户名</label>
            <input type="text" id="formGroupExampleInput" class="form-control" placeholder="用户名" required autofocus v-bind:value="user">
            <br/>
            <label for="inputEmail" class="sr-only">邮箱</label>
            <input type="email" id="inputEmail" class="form-control" placeholder="邮箱" required autofocus v-bind:value="email">
            <br/>
            <label for="inputPassword" class="sr-only">密码</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
            <br/>
            <label for="inputPassword" class="sr-only">确认密码</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="确认密码" required>
            <div class="checkbox mb-3">
                <label>
                    <input type="checkbox" value="remember-me">记住我
                </label>
            </div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">登入</button>
            <p class="mt-5 mb-3 text-muted">&copy; 2017-2018</p>
        </form>
    </div>
</template>
<script>
export default {
  name: 'Register'
}
</script>
<style scoped>
.login-frame {
  width: 360px;
  margin: 0 auto;
  margin-top: 10%
}
</style>
